<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="../static/js/jquery3.js"></script>
    <script type="text/javascript">
    </script>
    <style>
        body
        {
            font-family: Microsoft JhengHei;
        }
        label
        {
            font-weight:bold
        }
        .width
        {
            height: 110px;
            width: 500px;
            position: relative;left: 80px;
        }


        #btn_ok
        {
            background: linear-gradient(to right,#00B4F4,#0094D9);
            position: relative;
        }
        .yuan
        {
            border-radius: 10px
        }
        input::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }
        textarea::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }
    </style>
</head>
<body>
<form id="form_area" action="update_yxc_user" method="get">
    <div class="container">
        <div class="row justify-content-center bg-light" style="height: 700px">
            <div class="align-self-center">
                <div class="row">
                    <h5 style="position: relative;left: 145px">完善/修改您的个人信息</h5>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label><nobr style="color: red">*</nobr>手机号码</label>
                        <input type="text" maxlength="11" class="form-control yuan"  id="telephone"
                               name="telephone" th:value="${yxcUser.telephone}" required readonly/>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>密码</label>
                        <input type="text" maxlength="20" class="form-control yuan"  id="password"
                               name="password" th:value="${yxcUser.password}" placeholder="请完善您的密码" required/>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>姓名</label>
                        <input type="text" maxlength="6" class="form-control yuan"  id="user_name"
                               name="user_name" th:value="${yxcUser.user_name}" placeholder="请完善您的姓名" />
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>年龄</label>
                        <input type="text" maxlength="3" class="form-control yuan"  id="user_age"
                               name="user_age" th:value="${yxcUser.user_age}" placeholder="请完善您的年龄" />
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>出生日期</label>
                        <input type="text" maxlength="3" class="form-control yuan"  id="user_birth"
                               name="user_birth" th:value="${yxcUser.user_birth}" placeholder="请完善您的出生日期" />
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>地址</label>
                        <input type="text" maxlength="11" class="form-control yuan"  id="user_address"
                               name="user_address" th:value="${yxcUser.user_address}" placeholder="请完善您的地址" />
                    </div>
                </div>
                <div class="row justify-content-center bg-light mt-3" id="btns">
                    <div class="col-xl-8 text-center" >
                        <button class="btn" id="btn_ok" style="width: 250px;border-radius: 20px"><p style="color: white;height: 10px">保存</p></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

</body>
</html>